$(function () {
// 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
        tooltip: {
            formatter: "{a} <br/>{b} : {c}%"
        },
        series: [
            {
                name: '设备',
                type: 'gauge',
                detail: {
                    formatter: '{value}℃',
                    fontSize: 15,

                }, //仪表盘显示数据
                axisLine: { //仪表盘轴线样式
                    lineStyle: {
                        width: 20
                    }
                },
                splitLine: { //分割线样式
                    length: 20
                },
                data: [{value: 50, name: '温度'}],
                min: -30,              // 最小的数据值,默认 0 。映射到 minAngle。
                max: 70,               // 最大的数据值,默认 100 。映射到 maxAngle。
                splitNumber: 10,
                axisLine: {
                    show: true,// 是否显示仪表盘轴线(轮廓线),默认 true。
                    lineStyle: { // 属性lineStyle控制线条样式
                        shadowBlur: 10,             //(发光效果)图形阴影的模糊大小。该属性配合 shadowColor,shadowOffsetX, shadowOffsetY 一起设置图形的阴影效果。
                        shadowColor: "#fff",        //阴影颜色。支持的格式同color。
                        color: [ //表盘颜色
                            [0.2, "#9dcffb"],//0-50%处的颜色
                            [0.8, "#fdc742"],//51%-70%处的颜色
                            [1, "#f84f04"]//90%-100%处的颜色
                        ],
                        width: 18//表盘宽度
                    }
                },
            }
        ]
    };

    clearInterval(timeTicket);
    var timeTicket = setInterval(function () {
        option.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
        myChart.setOption(option, true);
    }, 2000);
});